<!doctype html>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Fin F&#234;te</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, maximum-scale=0.7, minimum-scale=0.7, initial-scale=0.7,  user-scalable=no"/>
  <link rel="stylesheet" type="text/css" href="css/main.css">
  <script type="text/javascript" src="js/main.js"></script>
  <style type="text/css">
   
  </style>
</head>
<body>
  <div class="main">
    <div class="arrow_box" id="notice">
      <h1 id="noticeText" class="rotate">ROTATE</h1>
    </div>
    <!-- via http://codepen.io/FWeinb/pen/LmKvl-->
    <div id="timer" class="timers" style="visibility:hidden">
        <span class="digit" id="d1"></span>
        <span class="digit" id="d2"></span>
        
        <span class="colon"></span>

        <span class="digit" id="h1"></span>
        <span class="digit" id="h2"></span>
        
        <span class="colon"></span>
        
        <span class="digit" id="m1"></span>
        <span class="digit" id="m2"></span>
        
        <span class="colon"></span>

        <span class="digit" id="s1"></span>
        <span class="digit" id="s2"></span>
        <div class="dots">
          <div class="dot reddot" id="reddotid"></div>
          <div class="dot bluedot" id="bluedotid"></div>
        </div>
    </div>
    <div id="msg" class="message" style="visibility:hidden">
      <h1><span id="explore">...<span> wait and you shall see</h1>
      <div class="dot greendot" id="greendot1"></div>
    </div>
    <div id="notes" class="note">
      <h3>Fin F&#234;te is meant to be enjoyed amongst Friends.</h3>
      <div class="dot greendot" id="greendot2"></div>
    </div>
    <div id="recipes" class="recipe" style="visibility:hidden">
      <div class="dot greendot" id="greendot3"></div>
      <pre>
      7.00 lbs Light Malt Extract (e)
      1.5 lbs Cara-Pils Dextrine Malt (g)
      1 lbs Chocolate Malt (g)
      1 lbs Crystal Malt (g)

      2.0 oz Chinook (l)  60"
      1 oz Cascade (p) 30"
      1 Whirlfloc (t) 5" 
      1 oz Centennial (p) @Flameout
      0.25 oz Cascade (p) @Flameout

      0.75 oz Cascade (p) Dry Hop
      1 oz Centennial (p) Dry Hop

      WLP 001, Wyeast 1056, US 05

      1.072 OG
      1.011 FG

      Brewed: 11/17/12
      Bottled: 12/8/12
      </pre>
    </div>
  </div>
  <script type="text/javascript" style="visibility:hidden">
    // Initial execution
    window.onload  = function() {
      if (!window.hasOwnProperty("orientation") || window.orientation == 'undefined' ){
        setVisibility(false, true, false, false, false);
      }
      else{
        orientationCheck();      
      }
      clock.init();
      initEventHandlers();
    };
  </script>
</body>
</html>